<template>
  <div class="wrapper">
    <div class="nav-white">
      <div class="Logo-img">
        <van-image
          width="100%"
          height="100%"
          fit="cover"
          src="https://oss.cloudcpc.com/4b2e6fc51b80315bb1401b7929bcc4f8.png"
        />
      </div>
      <div class="banner-view"></div>
      <div class="banner-swiper">
        <swiper ref="mySwiper" :options="swiperOption" class="swiper-wrapper" v-if="bannerArr.length > 1">
          <swiper-slide class="swiper-slide" v-for="(item, index) in bannerArr" :key="index">
            <div class="banner-url">
            <img :src="item.url" alt="" />
          </div>
          </swiper-slide>
          <div class="swiper-pagination" slot="pagination"></div>
        </swiper>
      </div>
      <div class="button-list">
        <div v-for="(item, index) in btnArr" :key="index">
          <div class="button-white" @click="openClick(index)">
            <div class="button-url">
              <van-image width="100%" height="100%" fit="cover" :src="item.url" />
            </div>
            <span class="button-txt">{{ item.txt }}</span>
          </div>
        </div>
      </div>
      <div class="banner-logo" @click="openClick(10)">
        <van-image
          width="100%"
          height="100%"
          fit="cover"
          src="https://oss.cloudcpc.com/6b3bc5c023753295b6c0dc1e5e61cdff.png"
        />
      </div>
    </div>
    <div class="ERP-white ERP-top" @click="openClick(1)">
      <div class="white-Title">数智纺ERP系统</div>
      <div class="white-sub">资源有效整合，全流程无缝管理</div>
      <div class="white-image">
        <div class="add-image-back">
          <div class="add-image">
            <img src="https://oss.cloudcpc.com/00341d4c0c9f3db9a1ac7385bcbb721b.png" alt />
          </div>
        </div>
      </div>
    </div>
    <div class="ERP-white" @click="openClick(7)">
      <div class="white-Title">可视化系统</div>
      <div class="white-sub">3D/VR 技术，让所有数据分析结果分类呈现，便于控制、管理或决策分析</div>
      <div class="white-image white-image2">
        <div class="add-image-back">
          <div class="add-image">
            <van-image
              width="100%"
              height="100%"
              fit="cover"
              src="https://oss.cloudcpc.com/00341d4c0c9f3db9a1ac7385bcbb721b.png"
            />
          </div>
        </div>
      </div>
    </div>
    <div class="ERP-white" @click="openClick(2)">
      <div class="white-Title">设备管理系统</div>
      <div class="white-sub">可实现设备管理的一体化，设备互联，随时掌握运行状态，实行预防性维修</div>
      <div class="white-image white-image3">
        <div class="add-image-back">
          <div class="add-image">
            <van-image
              width="100%"
              height="100%"
              fit="cover"
              src="https://oss.cloudcpc.com/00341d4c0c9f3db9a1ac7385bcbb721b.png"
            />
          </div>
        </div>
      </div>
    </div>
    <div class="ERP-white in-white">
      <div class="white-Title in-white-Title">行业应用</div>
      <div class="white-sub in-white-sub">深耕纺织 与行业共生长</div>
      <div class="in-list-back">
        <div style="width: 100%;overflow-x: auto;">
          <div class="in-view-item">
            <div
              class="in-back"
              v-for="(item, index) in inArr"
              :key="index"
              :id="index"
              @click="inindexClick(index)"
              :class="{ activeInBack: inindex == index }"
            >
              <pre>{{ item.txt }}</pre>
            </div>
          </div>
        </div>
      </div>
      <div class="pandIng">
      <div class="in-image" :style="{ background: 'url(' + inArr[inindex].url + ')'}">
          <div class="in-image-sub">{{ inArr[inindex].sub }}</div>
        </div> 
      </div>
    </div>
    <div class="news-wrapper">
      <div class="news-top-white">
        <div class="news-left-white">
          <div class="news-left-txt">新闻资讯</div>
          <div class="news-left-sub">精选优质行业动态与干货</div>
        </div>
        <div class="news-right-white" @click="openNesList()">
          <span class="news-right-txt">查看更多</span>
        </div>
      </div>
      <div style="width: 100%; overflow-x: auto">
        <div class="news-view-item">
          <div class="news-white-view">
            <div v-for="(item, index) in newsList" :key="index" 
            class="wow fadeInRight" data-wow-duration="0.5s" :data-wow-delay="index/3+'s'">
              <div class="news-back"   @click="openNesSub(item.id)">
                <div class="news-url">
                  <van-image width="100%" height="100%" fit="cover" :src="item.img" />
                </div>
                <div class="news-back-txt van-multi-ellipsis--l2">{{ item.title }}</div>
                <div class="news-icon">
                  <van-image
                    width="100%"
                    height="100%"
                    fit="cover"
                    src="https://oss.cloudcpc.com/6f86e1858aa93b0ca3df423a409e4361.png"
                  />
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="vedio-wrapper">
      <div class="white-Title vedio-Title">视频展示</div>
      <div style="width: 100%; overflow-x: auto">
        <div class="scroll-view-item">
          <div class="vedio-white-view">
            <div v-for="(item, index) in vedioArr" :key="index" class="videoBox"
             @click="openPlay(item.url)">
              <div
                class="vedio-url"
                :style="{ backgroundImage: 'url(' + item.img + ')', backgroundSize: 'cover' }"
              >
                <div class="play-image">
                  <van-image
                    width="100%"
                    height="100%"
                    fit="cover"
                    src="https://oss.cloudcpc.com/1b3a48c1f3f936239b57081b2ca63167.png"
                  />
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- <div ref="playVideoBox" style="display:none" :class="{'playVideo':ifPlayVideoShow}">
      <video class="videoCss" :src="vedioArr[playIndex].url"
        type="video/mp4" ref="video" width="100%" controls>
      </video>
    </div> -->
    <div class="me-wrapper">
          <div class="me-wrapper-top">
            <div class=" me-Title">关于我们</div>
            <div class="me-right-white" @click="openClick(11)">
                <span class="me-right-txt">查看更多</span>
            </div>
        </div>
      <div class="me-image">
        <van-image
          width="100%"
          height="100%"
          fit="cover"
          src="https://oss.cloudcpc.com/ebbfd8f589b235b69e0cfa170301050f.png"
        />
      </div>
      <div class="me-image-back">
        <van-image
          width="100%"
          height="100%"
          fit="cover"
          src="https://oss.cloudcpc.com/155941b1a474364aaf61f9eb29027a85.png"
        />
      </div>
      <div class="me-sub">
        武汉纺友技术有限公司专注深耕于纺织行业数字化、智能化解决方案研究与应用实践，
        为纺织企业量身定制而打造“数智纺”T-MES智能纺织专家，并为纺织行业智能制造提
        供整体解决方案。
      </div>
    </div>
  </div>
</template>

<script>
// import Swiper from 'swiper'
// import Footer from 'components/Footer'
// import { WxShare } from '@/utils/share'
// import { redirectUrl } from '@/utils/config'
import { WOW } from 'wowjs'

export default {
  name: 'Home',
  data() {
    return {
      bannerArr: [
        {
          // url: 'https://oss.cloudcpc.com/1034c9a1b6c136258991baf28d2d4595.png'
          // url: 'index-img01'
          // url: '~assets/image/banner/index-img01.png'
          url:require('assets/image/banner/index-img01.png')
        },
        {
          // url: 'https://oss.cloudcpc.com/144d82efd34e3928952aa34509935265.png'
          url:require('assets/image/banner/index-img02.png')
        },
        {
          // url: 'https://oss.cloudcpc.com/da13b7ef27e936b383a6b40707edeb85.png'
          url:require('assets/image/banner/index-img03.png')
        }
      ],
      btnArr: [
        {
          type: 1,
          url: 'https://oss.cloudcpc.com/a98448ac37e03b3284a64c328fe66e59.png',
          txt: 'PDM系统',
          path: '/pages/DeviceData/index'
        },
        {
          type: 1,
          url: 'https://oss.cloudcpc.com/277b16760a73360082c4896dd3f26edb.png',
          txt: 'ERP系统',
          path: '/pages/ERP/index'
        },
        {
          type: 1,
          url: 'https://oss.cloudcpc.com/2626c0116ad53b228894f0cb0ccea598.png',
          txt: '设备管理',
          path: '/pages/equipment/index'
        },
        {
          type: 1,
          url: 'https://oss.cloudcpc.com/cd0e0e1da2e9364c8bc597128935a745.png',
          txt: '物料管理',
          path: '/pages/material/index'
        },
        {
          type: 1,
          url: 'https://oss.cloudcpc.com/807bef5679f335e3b0bafc4e455c4230.png',
          txt: '质量管理',
          path: '/pages/quality/index'
        },
        {
          type: 1,
          url: 'https://oss.cloudcpc.com/29cf1543ecba311fa668b4d354e5afed.png',
          txt: '智能配棉',
          path: '/pages/cottonAssorting/index'
        },
        {
          type: 1,
          url: 'https://oss.cloudcpc.com/96c8293ad5e5349586efa014b396fbdd.png',
          txt: '数据采集',
          path: '/pages/DataCollection/index'
        },
        {
          type: 1,
          url: 'https://oss.cloudcpc.com/27a072483d3c3901820cf4a600b3577c.png',
          txt: '可视化系统',
          path: '/pages/visualization/index'
        },
        {
          type: 1,
          url: 'https://oss.cloudcpc.com/152b1915ffbe3ee481aca5e6268e9227.png',
          txt: '生产管理',
          path: '/pages/productionManagement/index'
        },
        {
          type: 1,
          url: 'https://oss.cloudcpc.com/21da7b3090c6354c896e55a2c8b5d3fb.png',
          txt: 'WMS',
          path: '/pages/WMS/index'
        }
      ],
     vedioArr:[
      {
        id:'0',
        txt:'数智纺WMS',
        img:'https://oss.cloudcpc.com/30c4619858e230baad05d37b458a8b93.png',
        url:'https://oss.cloudcpc.com/20b10729ba6e36c38c15b4a4a8547221.mp4',
      },
      {
        id:'1',
        txt:'数智纺PDM',
        img:'https://oss.cloudcpc.com/6642527778f5308fbc9093519b32af80.png',
        url:'https://oss.cloudcpc.com/8879188dbd4237fc9c6dbcbde7b74f9f.mp4',
      },
      {
        id:'2',
        txt:'企业资源计划系统（ERP)',
        img:'https://oss.cloudcpc.com/453badbc478d3b049d9fa49f661e7383.png',
        url:'https://oss.cloudcpc.com/855f357676ef32798b21b5573474fc72.mp4',

      }
    ],
      inArr: [
        {
          txt: '纺纱',
          sub: '数智纺纺纱MES系统平台，纺纱智慧物联，实时反映企业运行状态，将采集的数据形象化、直观化、具体化',
          url: 'https://oss.cloudcpc.com/8df71d5086a13c22a110fe33dad0a8c3.png',
          path: '/pages/industryApplication/index'
        },
        {
          txt: '织造',
          sub:
            '以看得见的执行力和实时、可视、可溯源的特点完善生产过程管控。实时采集和监控信息，实现原料和坯布仓库的条码化管理',
          url: 'https://oss.cloudcpc.com/c5ba2795b78439dc8d12b3769854fbb0.png',
          path: '/pages/industryApplication/index'
        },
        {
          txt: '化纤',
          sub: '化纤MES系统实现底层与上层的连通，应用服务层和业务展现层，实现系统的无缝连接与信息的充分共享',
          url: 'https://oss.cloudcpc.com/28cad6e6ea3f3067be95ad3a9a54da23.png',
          path: '/pages/industryApplication/index'
        },
        {
          txt: '印染',
          sub:
            '数智纺印染MES解决方案，实现工业自动化与信息化的深度融合，打通PMC、采购、生产环节把控生产过程中的质量问题',
          url: 'https://oss.cloudcpc.com/fd7725f0d286363b9428a7a1a23a4112.png',
          path: '/pages/industryApplication/index'
        },
        {
          txt: '无纺\n布',
          sub: '在整个框架当中，无纺布MES系统架构的建立，以生产订单为中心，实现无纺布生产全过程的执行管控',
          url: 'https://oss.cloudcpc.com/096218c2243639b3bba0d80c74270351.png',
          path: '/pages/industryApplication/index'
        },
        {
          txt: '纺织\n机械',
          sub: '针对纺机装备制造行业特点提供机械装备制造MES解决方案，与ERP无缝连接，大幅提升生产计划达成率，提高产能',
          url: 'https://oss.cloudcpc.com/18fe7e9da3283085b1b4419d4453849d.png',
          path: '/pages/industryApplication/index'
        }
      ],
      inindex: 0,
      newsList: [
        {
          id: '0',
          title: '武汉裕大华|智能纺纱车间，助力企业数字化升级',
          img: 'https://oss.cloudcpc.com/1de7a853d6fd327382390cd1b82e1362.jpeg',
          look: '1574',
          content:
            '<p class="ql-align-justify">\t设备一切数据，近在眼前；车间生产进度，清晰明了......武汉纺友助力裕大华打造“智能纺纱车间”可视化系统，让车间管理变得更加高效简单,企业的智能化升级再进一步。</p><p class="ql-align-justify"><br></p><p class="ql-align-center"><img src="https://oss.cloudcpc.com/3b2ed067c0053443ae5c32012734fb21.png"></p><p class="ql-align-center">裕大华智能纺纱车间可视化管理系统</p><p class="ql-align-justify">\t&nbsp;</p><p class="ql-align-justify">\t可视化系统又称“智慧总裁仓”，将来自生产车间、各个现有业务系统的数据采集到统一的数据平台，经过分析、处理、分类，实现了裕大华企业清梳联、预并、条卷、精梳、末并、粗纱、细纱、络筒、打包区的车间各生产工序的可视化管理，实现虚拟智能工厂的数字化全景展示，真正让数据会说话，让质量可追溯。</p><p class="ql-align-justify"><br></p><p class="ql-align-center">\t<img src="https://oss.cloudcpc.com/05dfc8646439319eab805903e78e078b.png"></p><p class="ql-align-center"><br></p><p class="ql-align-justify">\t系统功能模块包括：生产数据看板、对外订货看板、设备维保看板、能耗指标看板等，实现了看板3D可视化、智慧配棉、生产调度自动排产等功能。</p><p class="ql-align-justify">\t</p><p class="ql-align-center"><img src="https://oss.cloudcpc.com/b74085dce5553136b74a41cdc43d20e7.png"></p><p class="ql-align-center"><br></p><p class="ql-align-justify">\t车间设备1:1比例3D建模，可自行选择查看各个机台细节，运行状态、车间产量一目了然；系统模拟成纱品质，优选配棉方案，配棉、试纺高效便捷；通过生产订单核算，自动进行时间推算与生产能力平衡，可实现快速应对插单、急单。自动调度替代人工排产，效率更高，错漏更少，避免车间管理混乱。</p><p class="ql-align-justify"><br></p><p class="ql-align-center"><img src="https://oss.cloudcpc.com/40ceefe7fd2f3e9e80166eba9214617f.png"></p><p class="ql-align-center"><br></p><p class="ql-align-justify">\t可视化平台不仅能够对工厂设备进行监测，实现故障预判和及时维修，还可以实现远程操控，远程维修，极大降低运营成本，提高安全性，随时随地掌握工厂现场生产情况。</p><p class="ql-align-justify"><br></p><p class="ql-align-justify"><img src="https://oss.cloudcpc.com/ad365254f6273def937d8538a2db4256.png"></p><p class="ql-align-justify"><br></p><p class="ql-align-justify">\t大数据辅助生产、管理、决策，将远程管理推向全面可视化时代。管理人员不再是在固定位置办公，在异地也可巡视各方，如同亲临现场，日常巡查，应急时辅助决策，企业数字化智能化再上新台阶。</p><p class="ql-align-justify">\t武汉纺友通过软件、营销和数据三位一体的方式为企业提供数字化服务，把互联网、大数据、人工智能等信息科技手段与传统制造业深度融合，帮助企业解决数字化服务转型升级问题，助力企业成功打造智能工厂。</p><p class="ql-align-center"><br></p>',
          time: '08-06'
        },
        {
          id: '1',
          title: 'VR科技盛宴，打造展会“新业态”',
          img: 'https://oss.cloudcpc.com/0c27fa519d243f429006f42f11a476f4.jpeg',
          look: '2064',
          content:
            '<p class="ql-align-justify">\t自商务部2020年印发《关于创新展会服务模式，培育展览业发展新动能有关工作的通知》以来，全国各地加快推进展览业转型升级和创新发展，积极打造线上展会新平台，充分运用3D、5G、VR/AR等技术，陆续推出“线上展会”“云展会”。</p><p class="ql-align-justify">\t武汉纺友综合考量制作和体验以及未来的大趋势，采用3DVR虚拟现实展示形式，可助力参展商打造高科技沉浸式展会，集成线上展览突破时间空间的优势，也照顾了线下场景沉浸式用户体验的优势。</p><p class="ql-align-justify"><strong>案例</strong></p><p class="ql-align-justify"><strong>恒天重工2020 ITMA纺机联合展</strong></p><p class="ql-align-justify">\t恒天重工：作为一家拥有72年发展历史的中央企业，恒天重工发展至今，已成为全品类非织造布成套生产线、非织造布材料和制品的综合供应商，涤纶、特纤、纤维素纤维成套装备、织造浆纱及印染成套装备供应商。</p><p class="ql-align-justify">\t纺机装备主导产品覆盖纺织行业各个主要领域，主要产品技术水平均达国际先进，部分产品技术水平达到国际领先。在非织造布设备、织造设备都取得了突出成就。</p><p class="ql-align-justify">\t依托强有力的加工以及研发能力，恒天重工深耕非织造技术，相继开发出3.8米高速高杂高效智能水刺法生产线、木浆复合湿法水刺生产线、3.8米宽幅薄型热风生产线等高端成套装备，并且均已在用户现场投入使用。</p><p class="ql-align-justify"><strong>VR虚拟技术</strong></p><p class="ql-align-justify"><strong>千米生产线，尽情饱览</strong></p><p class="ql-align-justify">\t纺织行业与信息技术、互联网的深度融合正为创新发展提供广阔空间。除了实体设备之外，在展会上，恒天重工不仅展示了硬核展品，还利用VR交互动画和VR滑动屏技术，全方位展示了复合纺短纤维后处理成套设备、热风法非织造布成套设备、水刺法非织造布成套设备、针刺法非织造布成套设备等设备产线。</p><p class="ql-align-justify"><br></p><p class="ql-align-center"><img src="https://oss.cloudcpc.com/b67e6e98924c3f8aa7c71bd1fec09086.png"></p><p class="ql-align-center">VR滑轨屏，将全方位、无死角、1：1真实还原复杂工艺和生产运行过程，带给客户沉浸式体验。</p><p class="ql-align-justify"><br></p><p class="ql-align-justify">\t既可多角度鸟瞰，也可以查看设备和管网布置细节，数字新技术，可将现实中3.8米高、千米长的生产线搬至线上，完美解决工厂产线及大型设备展示难题，许多肉眼无法看清的位置和角落，也能清楚直观地展示，直观形象的体验，帮助快速精准地找到目标客户。</p><p class="ql-align-justify">&nbsp;</p><p class="ql-align-justify"><strong>信息新技术</strong></p><p class="ql-align-justify"><strong>助力纺织企业数字化转型</strong></p><p class="ql-align-justify">\t在工业互联网时代，处于潮头的3D工业仿真和VR虚拟现实技术展示，正逐步覆盖整个行业和相关领域。本次恒天重工展出的VR生产线，全部由国机集团旗下武汉纺友技术有限公司研发制作，基于数字化、可视化技术的纺织工业产业链全流程展示，将成为此次展会的重要环节。</p><p class="ql-align-justify">\t在后疫情时代，VR、3D工业仿真的重要性愈加凸显，它可以打破时空限制，减免客户不必要的出行，帮助远程参观工厂、生产线、样板厂。成为销售推广及海外市场拓展的强力助手。</p><p class="ql-align-justify">\t武汉纺友专注于纺织工业数字化领域，致力于“互联网+”新技术的创新与应用，“3D+VR”技术，为企业提供一站式工业仿真解决方案，MES开发、数字孪生可视化、数字展厅、小程序制作等全面服务，以智赋能，帮助纺织企业数字化转型，智能化升级。</p><p class="ql-align-center"><br></p>',
          time: '06-20'
        },
        // {
        //   id: '2',
        //   title: '经纬纺机副总经理管锦文调研武汉纺友公司并讲党课',
        //   img: 'https://oss.cloudcpc.com/bb0235e0b28c36629843d03104b508bf.jpeg',
        //   look: '1871',
        //   content:
        //     '<p class="ql-align-justify">2021年5月20日，经纬纺机副总经理管锦文到武汉纺友技术有限公司（以下简称武汉纺友）检查指导工作。</p><p class="ql-align-justify">首先，武汉纺友总经理华振刚就公司上半年经营工作进行了详细汇报。今年以来，借助疫情防控成就带来的经济全面恢复性高速发展，武汉纺友抓住机遇，迎来了良好的开局。一是围绕上海国际纺机展准备工作，网上纺机展升级换代基本结束，8家企业宣传片通过在全国各地用户的现场取景拍摄，正在加紧后期制作；二是抓住庆祝建党百年和党史学习教育契机，根据需求开发了“党史知识学习”、“重走长征路”、“点亮红色中国”等相关系列产品，获得用户好评；三是重点围绕服务经纬纺机发展战略，助力纺织行业和装备制造业的数字化转型，做了大量开拓性工作，数字孪生业务、“织造MES系统”的开发取得突破。为武汉纺友今后的发展奠定了基础。管锦文认真听取了工作汇报，并逐一点评，对武汉纺友工作中一些创新做法和取得的成绩予以肯定，对下一步工作提出具体要求。</p><p class="ql-align-justify">随后，管锦文就“长征--中华苏维埃共和国的悲壮远征，中国共产党永恒的精神史诗”为主题，结合当前党史学习教育活动，给武汉纺友党支部全体党员授课。</p><p class="ql-align-justify"><br></p><p><img src="https://oss.cloudcpc.com/39d10148ffe7389b86ec5c04aab3bf2a.jpeg"></p><p class="ql-align-center">▲经纬纺机副总经理管锦文同武汉纺友全体党员上党课</p><p class="ql-align-center"><br></p><p class="ql-align-justify">管锦文提到，历史是一个民族一个国家进步的精神宝库，是总结经验教训鼓励后人团结奋进的图书馆和大学堂。当我们在党史教育中回望长征这段历史，无不充满悲壮，无不充满敬仰。先烈们走过的路，成就的事业，令我们感怀，令我们激荡。在回顾红军长征的时代背景和艰难曲折的历程后，管锦文指出，长征是人类历史上的最为艰苦卓绝的路，是年轻的苏维埃共和国把对民族复兴、国家富强的希望、实现共产主义理想的伟大远征，也为中国共产党留下了宝贵的精神财富。那就是坚持独立自主、实事求是，一切从实际出发的精神；坚定革命的理想和信念，正义事业必然胜利的精神；为了救国救民，不怕任何艰难险阻，不惜付出一切牺牲的精神；顾全大局、严守纪律、紧密团结的精神；紧紧依靠人民群众，同人民群众生死相依、患难与共、艰苦奋斗的精神。</p><p class="ql-align-justify">管锦文强调，百年党史波澜壮阔，我们要把党的历史学习好、总结好，把党的成功经验传承好、发扬好，党员领导干部要高标准高质量开展党史学习教育，要率先垂范，以上率下，切实做到学有所思、学有所悟、学有所得，推动党史学习教育走深走实，把学习教育成果转化为公司发展的强大动力，全面推动公司高质量发展，共同助力企业创造美好的未来。</p><p class="ql-align-justify">管锦文指出，经纬纺机作为纺机行业的国家队，面临日益激烈的市场竞争，面对科技水平与用户期望的差距，面临新兴行业对人才的虹吸，面对着数字化转型和智能化发展的道道难关，我们更应吸收长征精神的营养，传承红色经纬的优良传统，以超越竞争对手的毅力、实事求是、充分依靠职工群众，建设一支理想信念坚定、作风顽强员工队伍；认真总结经验教训，提升在供应链、科研、制造、管理、服务客户等各个环节的能力，走出一条经纬纺机新时代的长征路！</p>',
        //   time: '05-20'
        // }
      ],
      swiperOption: {
        pagination: '.swiper-pagination',
        paginationClickable: true,
        observer: true, // 修改swiper自己或子元素时，自动初始化swiper
        observeParents: true, // 修改swiper的父元素时，自动初始化swiper
        loop: true,
        autoplay: 4000,
        autoplayDisableOnInteraction: false
      },
      playIndex:0,
      ifPlayVideoShow:false
    }
  },
  mounted() {
    this.$nextTick(() => {
      let wow = new WOW({
        boxClass: 'wow', /// 动画元件css类（默认为wow）
        animateClass: 'animated', // 动画css类（默认为animated）
        offset: 0, // 到元素距离触发动画（当默认为0）
        mobile: true, // 在移动设备上触发动画（默认为true）
        live: true // 对异步加载的内容进行操作（默认为true）
      })
      // wow.start()
      wow.init()
    })
    // const { fullPath } = this.$route
    // WxShare({
    //   title: '2025数字化升级平台',
    //   desc: '一站式数字展厅|数字营销|数字孪生解决方案 助力企业数字化转型',
    //   link: `${redirectUrl}${fullPath}`,
    //   imgUrl: 'https://www.2025.net/share.png'
    // })
    // WxShare
    // var swiper1 = new Swiper('.advantage-swiper', {
    //   slidesPerView: 2,
    //   centeredSlides: true,
    //   spaceBetween: 30,
    //   autoplay: true,
    //   loop: true
    // })
    // var swiper2 = new Swiper('.main-swiper', {
    //   autoplay: true,
    //   loop: true,
    //   navigation: {
    //     nextEl: '.swiper-next',
    //     prevEl: '.swiper-pre'
    //   }
    // })
    // this.$nextTick(()=>{
    //     new Swiper('.banner-swiper', {
    //       loop: true,
    //       // effect: 'fade',
    //       autoplay: 1000,
    //       // speed: 2000,
    //       pagination: '.swiper-pagination'
    //       // effect: 'fade',
    //       // fade: {
    //       //   crossFade: false,
    //       // }
    //     })
    // })
  },
  components: {
    // Footer
  },
  methods: {
    openClick(index) {
      switch (index) {
        case 0:
          this.$router.push({ path: '/device' })
          break
        case 1:
          this.$router.push({ path: '/erp' })
          break
        case 2:
          this.$router.push({ path: '/equipment' })
          break
        case 3:
          this.$router.push({ path: '/material' })
          break
        case 4:
          this.$router.push({ path: '/quality' })
          break
        case 5:
          this.$router.push({ path: '/cotton' })
          break
        case 6:
          this.$router.push({ path: '/dataColl' })
          break
        case 7:
          this.$router.push({ path: '/visualization' })
          break
        case 8:
          this.$router.push({ path: '/production' })
          break
        case 9:
          this.$router.push({ path: '/wms' })
          break
           case 10:
          this.$router.push({ path: '/apply' })
          break
           case 11:
          this.$router.push({ path: '/me' })
          break
        default:
          break
      }
    },
    openPlay(url){
       this.$router.push({ path: '/play',query:{url}})
    },
    openNesList(){
       this.$router.push({ path: '/newslist' })
    },
    openNesSub(e){
       this.$router.push({ path: '/newsubject',  query:{
       id:e,
      }
     })
    },
    inindexClick(e) {
      this.inindex = e
    },
  }
}
</script>
<style lang="scss" scoped>
@import './index';
</style>
